<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>繁星晓默</title>
  <meta name="author" content="fxb1788@163.com">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="images/favicon.png">
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
  <!-- 
    本段js代码仅仅是为了检测浏览器是否影响页面效果
    不必理会
  -->
  <script type="text/javascript">  
    var userAgent = navigator.userAgent,   
    rMsie = /(msie\s|trident.*rv:)([\w.]+)/;
    var ua = userAgent.toLowerCase();  
    function uaMatch(ua) {  
        var match = rMsie.exec(ua);  
        if (match != null) {  
            return { browser : "IE", version : match[2] || "0" };  
        }   
        if (match != null) {  
            return { browser : "", version : "0" };  
        }  
    }  
    var browserMatch = uaMatch(userAgent.toLowerCase());  
    if (browserMatch.browser) {  
      var version = browserMatch.version;
      if(version<=8){
        alert("温馨提示：您的浏览器版本过低，请下载最新谷歌、火狐等浏览器的最新版本！");
        window.opener=null;
        window.open('','_self');
        window.close();
      }
    }  
  </script>
  <!--这里为了触发bootstrap的响应式导航,需要要调用一下 bootstrap的 JS脚本-->
  <!--具体效果可以将浏览器窗口缩小,观察导航栏的变化-->
  <!--两个JS顺序不能错-->
  <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  
</head>
<body>

  <!--Navigation(导航)-->
  <!--添加 bootstrap 类-->
  <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
    <div class="container topnav">
      <div class="navbar-header">
        <button type="button" class="nav navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span><!--切换导航-->
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand topnav" href="https://github.com/Yexiaomo" target="_blank">繁星晓默</a>
      </div>
      <!--我自己的导航链接-->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="http://blog.fanxiaobo.cn/">BLOG</a></li>
          <li><a href="http://blog.fanxiaobo.cn/works/">WORKS</a></li>
          <li><a href="./CV/XiaoboFan.pdf">CV</a></li>
          <li><a href="#">RESUME</a></li>
          <li><a href="./download/">DOWNLOAD</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
  </nav>


  <!-- home -->
  <div class="intro-header">
    <div class="bg-overlay">
      <div class="container">

        <div class="row">
          <div class="col-lg-12">
            <div class="intro-message">

              <h1>Yexiaomo</h1>
              <h3>加油，为了月薪18K</h3>
              <hr class="intro-divider">
              <ul class="list-inline intro-social-buttons">
                <li>
                  <a href="http://codepen.io/Yexiaomo/" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-codepen fa-fw"></i><span class="network-name">CodePen</span></a>
                </li>
                <li>
                  <a href="https://github.com/Yexiaomo" target="_blank" class="btn btn-default btn-lg "><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
                </li>
                <li>
                  <a href="http://blog.fanxiaobo.cn/" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-cube fa-fw"></i> <span class="network-name">Blog</span></a>
                </li>
                <li>
                  <a href="https://www.freecodecamp.cn/yexiaomo" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-free-code-camp fa-fw" aria-hidden="true"></i> <span class="network-name">freeCodeCamp</span></a>
                </li>
              </ul>
            </div>

          </div>
        </div>
      </div>
      <!-- /.container -->
    </div>
  </div>
  <!-- /.intro-header -->

  <!-- Page Content (页面) -->
  <a name="profile"></a>
  <div class="content-section-a">
    <div class="bg-overlay2">
      <div class="container">
        <div class="row">
          <div class="col-lg-5 col-sm-6">
            <div class="clearfix"></div>
            <h2 class="section-heading">Personal Skills</h2>
            <br/>
            <p class="lead">I'm<a href="https://www.freecodecamp.cn/yexiaomo">Yexiaomo</a><br/>
                I am a rookie 15 software engineering
                Master degree of professional courses:<br/>
                English: CET4<br/>
                C: 30%<br/>
                C#: 20%<br/>
                Java: 30%<br/>
                HTML&HTML5: 40%<br/>
                CSS&CSS3: 30% <br/>
                JavaScript: 30%<br/>
                liunx: 3%<br/>
                MySQL: 5%<br/>
                SQLServer: 1%<br/>
                datastruct&algorithm: 10%<br/>
                <p>Never underestimate your power to change yourself<br/>
            </p>
          </div>
          <div class="col-lg-5 col-lg-offset-2 col-sm-6 collapse navbar-collapse">
            <img id="cat_p" class="img-circle img-responsive" src="images/cat.jpg" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- Club -->
  <a  name="club"></a>
    <div class="club-bg-img">
      <div class="bg-overlay">
        <div class="container">         
            <div class="row">      
                <div class="col-lg-12">
                  <div class="intro-message">
                        <h1 style="text-align:center">C l u b</h1>
                        <h2 style="text-align:center">Where Awesomeness Is Brought To Life.</h2>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.container -->
      </div>
    </div>

  <!-- myclass -->
  <a  name="myclass"></a>
    <div class="banner">
      <div class="bg-overlay4">
        <div class="container">         
            <div class="row">
                <div class="col-lg-12">
                  <h2 style="text-align: center;">I love My Class, because she gives me happiness, warm of home</h2>
                </div>
              </br>
            </div>
        </div>
        <!-- /.container -->
    </div>

  <!-- footer -->
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <ul class="list-inline">
            <li>
                <a href="#home">Blog</a>
            </li>
            <li class="footer-menu-divider">&sdot;</li>
            <li>
                <a href="#profile">Works</a>
            </li> 
            <li class="footer-menu-divider">&sdot;</li>
            <li>
                <a href="#club">CV</a>
            </li>
            <li class="footer-menu-divider">&sdot;</li>
            <li>
                <a href="#myclass">Resume</a>
            </li>
          </ul>
          <p>Written and code by <a href="https://www.freecodecamp.cn/yexiaomo" target="_blank">Yexiaomo</a><br/>
          <a href="mailto:mindandeyes@163.com">e-mail: mindandeyes@163.com</a></p>
        </div>
      </div>
    </div>
  </footer>
</body>
</html>
